@media only screen and (min-width: 32.5em){

    header, main, footer{
        margin: 1.5rem auto;
        max-width: 800px;
    }

    header{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        justify-items: center;
        align-items: center;
    }
    
    img{
        grid-column: 1;
    }

    h1{
        font-size: 2.25em;
    }

    main p {
        font-size: 1em;
    }
}